<head>
	<!-- Load plotly.js into the DOM -->
  <script src='https://cdn.plot.ly/plotly-latest.min.js'></script>
</head>
<link rel="stylesheet" href="https://unpkg.com/purecss@1.0.1/build/pure-min.css" integrity="sha384-" crossorigin="anonymous">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link
  rel="stylesheet"
  href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css"
  integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk"
  crossorigin="anonymous"
/>
<body>
  <div id="Nav"></div>
  <script type="text/javascript" src="../javascripts/sidebar/bundle.js"></script>
  <div class="grids-example">
    <div class="pure-g">
    <div class="pure-u-1-3">
        <div class="l-box">
            <h3>x, y, z</h3>
            <p>PreferredMaxBytes, BatchTimeout, TPS</p>
         </div>
    </div>

    <div class="pure-u-1-3">
        <div class="l-box">
          <h3>x, y, z</h3>
          <p>PreferredMaxBytes, AbsoluteMaxBytes, TPS</p>
         </div>
    </div>

    <div class="pure-u-1-3">
        <div class="l-box">
          <h3>x, y, z</h3>
          <p>PreferredMaxBytes, MaxMessageCount, TPS</p>
         </div>
    </div>
  </div>
</div>
  <div id='myDiv'><!-- Plotly chart will be drawn inside this DIV --></div>
  <script src='../javascripts/indexPreferredMaxBytes.js'></script>
</body>